@import "./nodes-mixins";

.Nodes {
  .TableCell {
    &.name {
      flex: 2;
      text-overflow: ellipsis;
    }

    &.cpu {
      flex: 1.0;
      align-self: center;

      .LineProgress {
        color: $kontenaBlue;
      }
    }

    &.memory {
      flex: 1.0;
      align-self: center;

      .LineProgress {
        color: $kontenaMagenta;
      }
    }

    &.disk {
      flex: 1.0;
      align-self: center;

      .LineProgress {
        color: $golden;
      }
    }

    &.taints {
      flex: 0.6;
    }

    &.conditions {
      flex: 1.7;
      text-align: right;

      .condition {
        display: inline-block;
        margin-right: $margin;

        @include node-status-colors;
      }
    }
  }
}

.node-zone-graph{
  width: 100%;
  height: 450px;
  padding: 16px;
  &.dark{
    background-color: #262B2F;
  }
  &.light{
      background-color: #fff;
  }
}
.mt-10{
  margin-top: 10px;
}